<div class="closing-approval" *ngIf="docid?formJson:true;else elseBlock">
    <div class="registerCsae" *ngIf="!isReadonly">
        <span style='margin-left:0'>案件环节：</span>
        <nz-select class='select' style="width: 120px;vertical-align: middle" [nzDisabled]='isReadonly' (ngModelChange)="selectChange($event)" nzPlaceHolder='请选择' [ngModel]='getSelectValue' [nzSuffixIcon]='icon' [nzSuffixIcon]='icon' nzAllowClear='false'>
            <nz-option nzValue="线索" nzLabel="线索">线索</nz-option>
            <nz-option nzValue="立案" nzLabel="立案">立案</nz-option>
            <nz-option nzValue="调查取证" nzLabel="调查取证">调查取证</nz-option>
            <nz-option nzValue="处罚决定" nzLabel="处罚决定">处罚决定</nz-option>
            <nz-option nzValue="执行与结案" nzLabel="执行与结案">执行与结案</nz-option>
            <nz-option nzValue="强制执行" nzLabel="强制执行">强制执行</nz-option>
        </nz-select>
    </div>
    <div class='form' #form>
        <table style="width: 100%;">
            <thead>
                <tr>
                    <th colspan="2">
                        《行政处罚案件有关事项审批表》
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <span>关联文书：</span>
                    </td>
                    <td>
                        <nz-select class='select' style="width: 220px;vertical-align: middle" [nzDisabled]='isReadonly'  nzPlaceHolder='请选择关联文书' [(ngModel)]='bizFileDoc' [nzSuffixIcon]='icon' >
                            <nz-option nzValue="{{item.docid}}" nzLabel="{{item.filename}}"   *ngFor="let item of bizFileList"></nz-option>
                        </nz-select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>案件名称：</span>
                    </td>
                    <td>
                        <input placeholder="当事人姓名（名称）+违法行为性质+案" [readonly]='isReadonly' class='input' [(ngModel)]="formJson.caseName" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>审批事项：</span>
                    </td>
                    <td>
                        <input placeholder="审批事项" [readonly]='isReadonly' class='input' [(ngModel)]="formJson.approvalMatters" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>经办人：</span>
                    </td>

                    <td>
                        <input placeholder="经办人" style="width: 160px;" readonly class='input' [(ngModel)]="formJson.casePerson" /> &nbsp;&nbsp;
                        <span style="display: inline-block;width: 50px;text-align: right">时间：</span>
                        <nz-date-picker [nzDisabled]='isReadonly' style="width: 160px;vertical-align: top;height:30px;" nzPlaceHolder='请选择' [(ngModel)]="caseDate" nzFormat='yyyy-MM-dd'></nz-date-picker>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>提请审批的理由<br>依据及处理意见</span>
                    </td>
                    <td>
                        <textarea placeholder="提请审批的理由、依据及处理意见" style='height: 160px;' [readonly]='isReadonly' [(ngModel)]="formJson.reasons" class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>经办机构<br>负责人意见</span></td>
                    <td>
                        <textarea placeholder="经办机构负责人意见" style='height:64px' [(ngModel)]="formJson.organOpinion" readonly class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>部门负责人<br>意见</span>
                    </td>
                    <td>
                        <textarea placeholder="部门负责人意见" style='height:64px' [(ngModel)]="formJson.deptOpinion" readonly class='textarea'></textarea>

                    </td>
                </tr>
                <tr>
                    <td>
                        <span>备注：</span>
                    </td>
                    <td>
                        <textarea placeholder="备注信息" style='height:64px' [readonly]='isReadonly' [(ngModel)]="formJson.remarks" class='textarea'></textarea>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


<ng-template #icon>
    <i nz-icon nzType="caret-down" nzTheme="outline"></i>
</ng-template>
<app-loading-ball-pulseb *ngIf="loading"></app-loading-ball-pulseb>
<ng-template #elseBlock>
    <div style="margin:0 auto;position: relative;height:100%;">
        <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
        <p style="
        transform:translate(-50%,-50%);
        position: absolute;  
        font-size:18px;
        width:180px;
        height:150px; 
        text-align: center;
        margin-top:150px;
        top:50%;
        left: 50%;" class="ant-empty-description"> 暂无数据 </p>
    </div>
</ng-template>